/*主stage的样式，规范一个主stage由一个navigator组件和一个main组件构成，main组件又可以是嵌套的framework。。。*/
#rect{
    -fx-cursor: hand;
    -fx-fill: #a8d3fc;
    -fx-background-color: red;
    -fx-pref-height: 600.0;
    -fx-pref-width: 800.0;
}
.main-window{
    -fx-pref-height: 600.0;
    -fx-pref-width: 800.0;
}
.navigator-pane{
    -fx-pref-height: 600.0;
    -fx-pref-width: 80.0;
}
.main-pane{
    -fx-pref-height: 600.0;
    -fx-pref-width: 720.0;
}


#leftbox{
    -fx-background-color: linear-gradient(to bottom, #f6f6f6, #ededed);
    /*-fx-background-color: linear-gradient(to bottom, #ebf0f3, #d9dee3);*/
}
#book_text,#schedule_text,#user_text,#video_text,.navigator_text{
    -fx-font-size:14px;
    -fx-text-fill: #474747;
    -fx-font-family: "PingFang SC"
}
.coach_nav_btn, #coach_schedule_button, #info_button{
    -fx-border-color: #28b2dc;
    -fx-border-width: 1px;
    -fx-border-radius: 50;
    -fx-background-radius: 50;
    -fx-background-color: #28b2dc;
    -fx-opacity: 0.7;
}
#book_button,#video_button,#schedule_button,#user_button,.navigator_button{
    -fx-border-color: #e08a2c;
    -fx-border-width: 1px;
    -fx-border-radius: 50;
    -fx-background-radius: 50;
    -fx-background-color: #e08a2c;
    -fx-opacity: 0.7;
}
#rightbox{
    -fx-background-color: white;
}
#picture{
    -fx-border-radius: 15;
    -fx-background-radius: 15;
    -fx-opacity: 0.9;
}
#name,#gender,#tel,#infor{
    -fx-font-size:16px;
    -fx-text-fill: #474747;
    -fx-font-family:"PingFang SC"
}
#notice{
    -fx-font-size:18px;
    -fx-text-fill: #cbcbcb;
    -fx-font-family: "PingFang SC"
}
#line{
    -fx-background-color: #a7a7a7;
    -fx-opacity: 0.3;
}
#submit_button{
    -fx-border-color: #ececec;
    -fx-border-width: 1px;
    -fx-border-radius: 18;
    -fx-background-radius: 18;
    -fx-background-color:#ececec;
    -fx-font-weight: bolder;
    -fx-font-size: 20px;
    -fx-text-fill: #6b6b6b;
}
#advertisement{
    -fx-opacity: 0.9;
}
.button{
    -fx-border-color: #ffffff;
    -fx-border-width: 1px;
    -fx-border-radius: 0;
    -fx-background-radius: 0;
    -fx-background-color:#ececec;
}
.button1{
    -fx-min-width: 85px;
    -fx-min-height: 40px;
    -fx-max-width: 85px;
    -fx-max-height: 40px;
    -fx-border-color: #ffffff;
    -fx-border-width: 1px;
    -fx-border-radius: 0;
    -fx-background-radius: 0;
    -fx-background-color:#ececec;
    -fx-font-size: 12px;
}
.button2{
    -fx-min-width: 85px;
    -fx-min-height: 40px;
    -fx-max-width: 85px;
    -fx-max-height: 40px;
    -fx-border-width: 1px;
    -fx-border-radius: 0;
    -fx-background-radius: 0;
    -fx-font-size: 12px;
    -fx-border-color: #ffffff;
    -fx-background-color:#c2e0fd;
}


.default-rect {
    -fx-cursor: hand;
    -fx-fill: #a8d3fc;

    -fx-pref-height: 600.0;
    -fx-pref-width: 800.0;
}